<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/style.css">
        <script type="text/javascript" src="../Public/script/jquery.js"></script>
<script type="text/javascript" src="../Public/layer/layer.js"></script>
    <title>提交订单</title>
    <script>



    </script>
    <style>
        .move{
            position: relative;left: 2%
        }
        .icon{
            width: 35px;
            height: 35px;
        }
        .div-icon{
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-top: 1%;
            padding-bottom: 1%;
            border-bottom: 1px solid #eeeeee;
        }
        .dizhi:hover{color:red;}
        .active{
            border: 1px solid firebrick;background-color: burlywood
        }
    </style>
</head>
<body style="background-color: #eeeeee">
<include file="Common:header"/>
<div style="background-color: white;margin: 1.5%;padding: 2%;">
    <div>
        <div style="padding-bottom: 2%">
            <div class="move">
                <span>首页</span> > <span>商城</span> >  <span>订单详情</span>
            </div>
        </div>
    </div>
    
    <div>             
                   <div style="float: left;">订单编号：{$bianhao.code}</div>  
                   <div style="float: right;">下单时间：{$bianhao.time|date="Y.m.d H:i",###}</div>
    </div>
    <div style="clear: both;"></div>
    <div style="height: 60px; background:#F9E7E7;margin-top:20px">
<div style="float: left;height: 60px;line-height: 60px; margin-left:20px ">订单状态：</div>  
                   <div style="float: right; color: red;height: 60px; line-height: 60px;font-size: 500; margin-right: 60px; cursor: pointer;" onClick="fangan(this,{$bianhao.id})">

                                    设计方案已完成查看
                   <!-- <if condition="$bianhao.zid eq 1">已下单</if>
                                        <if condition="$bianhao.zid eq 2">待联系</if>
                                        <if condition="$bianhao.zid eq 3">待合作</if>
                                        <if condition="$bianhao.zid eq 4">待设计</if>
                                        <if condition="$bianhao.zid eq 5">设计已上传</if>
                                        <if condition="$bianhao.zid eq 6">待生产</if>
                                        <if condition="$bianhao.zid eq 7">生产中</if>
                                        <if condition="$bianhao.zid eq 8">待装配</if>
                                        <if condition="$bianhao.zid eq 9">装配中</if>
                                        <if condition="$bianhao.zid eq 10">已完成</if>
                                        <if condition="$bianhao.zid eq 11">已评价</if>
                                         <if condition="$bianhao.zid eq 12">已拒接订单</if>
                                         <if condition="$bianhao.zid eq 13">订单已取消</if> --></div>
    </div>
    <div style="height: 50px; border-bottom:1px solid #ececec;line-height: 50px">收货地址: &nbsp;&nbsp;{$dizhi.diqu}{$dizhi.address} &nbsp;&nbsp;&nbsp;   ({$dizhi.name}收) &nbsp;&nbsp;&nbsp;{$dizhi.tel}
                    </div>
    <div >
        <div style="font-size: 18px;font-weight: 500;padding-bottom: 1%;padding-top: 1%" class="move">订单信息</div>


        <div >
            <div style="display: flex;flex-direction: row;text-align: center;border-bottom: 2px solid #3bcca3;padding-bottom: 1%">
                <div style="width: 30%">案列名称</div>
                <div style="width: 20%">设计师</div>
                <divd style="width: 20%">风格</divd>
                <div style="width: 20%">价格</div>
            </div>

            <div style="display: flex;flex-direction: row;text-align: center;align-items: center">
                <div style="width: 30% ">
                    <img src="Uploads/{$goods['img']}"
                         style="height: 120px;width: 170px;padding-top: 10px;">
                    <span style="position: relative;bottom: 57px">{$goods['name']}</span>
                </div>
                <div style="width: 20%">{$goods['user']}</div>
                <div style="width: 20%">{$goods['fengge']}</div>
                <div style="width: 20%">{$goods['price']}/㎡</div>
            </div>
        </div>
        <input type="hidden" name='sjid[]' value="{$goods['userid']}">
        <input type="hidden" name='goodid[]' value="{$goods['id']}">
        <div style="display: flex;flex-direction: column;margin-top: 1%">
            <div class="div-icon"style="border-top: 1px solid #eeeeee;"><img src="../Public/images/TD_icon01.png" class="icon"><span style="margin-left: 2%">城市：</span><span>{$goods['chengshi']}</span></div>
       <!--      <div class="div-icon"><img src="../Public/images/sample_icon02.png" class="icon"><span style="margin-left: 2%">房屋类型：</span><span>公寓</span></div> -->
            <div class="div-icon"><img src="../Public/images/sample_icon01.png" class="icon"><span style="margin-left: 2%">户型：</span><span>{$goods['huxing']}一厅</span></div>
            <div class="div-icon"><img src="../Public/images/sample_icon03.png" class="icon"><span style="margin-left: 2%">面积：</span><span>{$goods['area']}㎡</span></div>
            <div class="div-icon"><img src="../Public/images/sample_icon04.png" class="icon"><span style="margin-left: 2%">预算：</span><span>{$goods['baojia']}万</span></div>
        </div>

    </div>

    </div>
</div>




<script>
 function fangan(obj,id){

    layer.open({
          type: 2,
          maxmin: true, 
           shadeClose: true,
          // skin: 'layui-layer-rim', //加上边框
          area: ['870px', '570px'], //宽高
          title:'设计方案',
          content: ['{:U("User/fangan")}'+'&id='+id],
       
        
        });



 }
   


</script>
</body>
</html>